*{
    padding: 0;
    margin: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; font-family: Arial, Verdana, 宋体; color: #666;}
a {text-decoration:none; font-family: Arial, Verdana, 宋体; color: #666; font-size: 12px; }
a:hover { text-decoration:none; color:#e60012 ; }
img { border:none; display: block; }
ol,ul,li { list-style:none; font-family: Arial, Verdana, 宋体; }
.ad{width: 1190px; height: auto;overflow: hidden; margin: 20px auto;}
body{background: #fff;}

//正文
#banner{
    
    
    
    
    
    .ban_b{
        position: relative;

        .nav_r{
            height: 42px;
            float: right;
            li{
                margin: 0 10px;
                float: left;
                a{
                    font-family: "微软雅黑";
                    font-size: 17px;
                    color: #000;
                    font-weight: 700;
                    display: block;
                    line-height: 42px;
                    &:hover{color: #e60012;}
                }
                
                a.col{
                    color: #e60012;
                }
            }
        }
    }
}

//导航men
.men{
    height: 40px;
    width: 1190px;
    margin: 10px auto;
    
    p{
        margin: 0 10px;
        line-height: 40px;
        float: left;
    }
    span{
        float:left;
        line-height: 40px;
    }
}

//筛选
#scre{
    width: 1188px;
    border: 1px solid #e3e3e3;
    margin: 10px auto;
    dl{
        background: #f6f6f6;
        border-bottom: 1px dotted #ccc;
        margin-bottom: -1px;
        margin-top: 1px;
        dd{
            float: left;
            background: #fff;
            padding: 4px 0;
            width: 1106px;
            
        }
        
    }
    dl.pinpai{
        height: 60px;
        border-bottom:1px solid #ccc ;
        position: relative;
        
        dt{
            width: 80px;
            text-align: right;
            padding-right: 10px;
            line-height: 60px;
            float: left;
        }
        dd{
            float: left;
            height: 59px;
            li{
                float: left;
                width: 86px;
                padding-top:5px ;
                margin: 0 16px;
                img{
                    padding-right: 16px;
                    border-right: 1px solid #e3e3e3;
                    
                }
            }
        }
        #mSelete{
            width: 50px;
            height: 20px;
            line-height: 20px;
            background: #f4f4f4;
            padding: 0 5px;
            text-align: left;
            position: absolute;
            top: 10px;
            right: 60px;
            display: block;
        }
        .gd{
            width: 50px;
            height: 20px;
            line-height: 20px;
            padding: 0 5px;
            display: block;
            position: absolute;
            text-align: center;
            top:10px;
            right: 10px;
        }
        
    }
    
    dl.xg{
        height: 36px;
        border-bottom:1px dotted #ccc ;
        dt{
            width: 80px;
            text-align: right;
            padding-right: 10px;
            line-height: 36px;
            float: left;           
        }
        dd{
            height: 35px;
            .box{
               width: 139px;
               float: left; 
               position: relative;
               
               &:hover{
                   .box_b{
                       display: block;
                        z-index: 9;
                   }
               }
               
               .box_t{
                   width: 80px;
                   height: 27px;
                   margin: 0 autos;
                   border:1px solid transparent;
                    position: relative;
                    a{
                        display: block;
                        text-align: center;
                        line-height: 27px;
                    }
                    i{
                        width: 12px;
                        height: 5px;
                        display: block;
                        position: absolute;
                        background: url(../img/filte.png) no-repeat -110px -154px;
                        top: 12px;
                        right: 1px;
                    }
                }
                .box_b{
                    position: absolute;
                    display: none;
                    width: 630px;
                    border: 1px solid #ccc;
                    tot:0px;
                    left: 0px;
                    li{
                        float: left;
                        padding: 5px;
                    }
                    
                }
            }
                
            
        }
    }
    
    dl.xingbie{
        height: 36px;
        border-bottom:1px dotted #ccc ;
        dt{
            width: 80px;
            text-align: right;
            padding-right: 10px;
            line-height: 36px;
            float: left;           
        }
        dd{
            float: left;
            height: 35px;
            li{
                float: left;
                width: 140px;
                padding-top:5px ;
                margin: 0 16px;
                text-align: center;
                a{
                    display: block;
                }
            }
        }
    }
    
    
}

//筛选栏
#men_v{
    width: 1190px;
    height: 36px;
    margin: 0 auto;
    background: #f5f5f5;
    border: 1px solid #d7d3d4;
    span{
        margin-left:10px ;
        line-height: 31px;
        a{
            padding: 5px 15px;
            background: #ddd;
            margin: 0 8px;
        }
        
    }
}

//产品列表
#sp_list{
    width: 1190px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 15px;
    li{
                width:232px;
                height: 322px;
                overflow: hidden;
                margin-right: 2px;
                margin-left: 4px;
                float: left;
                img{
                    width: 230px;
                    height: 238px;
                    border: 1px #d1d3d4 solid;
                    overflow: hidden;
                    text-align: center;
                }
                p.qg{
                    width: 230px;
                    height: 16px;
                    background: #f0a1a1;
                    color: #fff;
                    text-align: center;
                    
                }
                span{
                    font-size: 17px;
                    color: #e60012;
                    i{
                        font-size:12px ;
                        color: #aaa;
                        margin-left: 6px;
                        text-decoration: line-through;
                    }
                }
            }
}


//分页

#page{
    width: 1190px;
    height: 80px;
    overflow: hidden;
    .d_pa{
        float: right;
        margin-right: 20px;
        margin-top: 30px;
       a{
           padding: 10px;
           border: 1px solid #ccc;
       } 
    }
}

//同类推荐
#cen{
    width: 1190px;
    overflow: hidden;
    margin: 10px auto 30px;
    height: 80px;
    .quan{
        height: 30px;
        text-align: left;
        text-indent:20px ;
        font-size: 14px;
        line-height: 30px;
        border-bottom:1px dotted #ccc ;
    }
    p.brand{
        padding: 10px 20px;
        span{
            padding: 10px 20px; 
        }
    }
}
















































